import { useEffect, useState,useLayoutEffect } from 'react'
const DomeuseEffect = () => {
  const [count, setCount ] = useState(1)
  const alterCount = () => {
    setCount(count+1)
  }

  // useEffect 可以获取到更新的状态
  // useEffect(()=>{
  //   console.log('更新的状态',count)
  // },[]) //第二个参数为空数组，代表只初始化执行一次，后续的状态更新全部不执行

  useEffect(()=>{
    console.log('更新的状态',count)
  }) //第二个参数不填 会检测到每次数据更新  

  // useLayoutEffect和useEffect一样属性
    // 但是useEffect的优先级高

  useLayoutEffect(()=>{
    console.log('更新的状态',count)
  })

  return (<>
    <p>普通类型：总数{count}</p>
    <button onClick={alterCount}>修改总数count</button>
  </>);
}

export default DomeuseEffect;